// import TableFilterMixin from '@/mixins/TableFilterMixin'
import { Component } from 'vue-facing-decorator'
import Render from '@/render/Render'
import toNative from '@/utils/toNative'
import FilterRender from '@/render/FilterRender'
import { RedoOutlined } from '@ant-design/icons-vue'
@Component
export class MonthEndView extends FilterRender {
    noFilterPadding = true
    filterConfig(){
        return {
            month: {
                // 投保导出用
                name: '月份',
                element: 'datetime',
                type: 'month',
                value: '2024-03',
				
                params: {
                    valueFormat: 'YYYY-MM'
                }
            },
            search: {
                name: '搜索',
                element: 'button',
                span: 1,
                class: 'relative',
                callback: {
                    click: ()=> { console.log(this.getFilters(),'huoqu1jguo1')}
                }
            },
            clear: {
                name: (
                    <div class="ml-8 text-black-light-200 flex items-center">
                        <RedoOutlined class="size-16 mr-4" />
                        清空条件
                    </div>
                ),
                element: 'button',
                params: {
                    text: true
                },
                span: 2,
                callback: {
                    click: () => {
                        console.log('点击了')
                    }
                }
            }
        }
    }
	
    headConfig() { 
        return (
            <div class="px-20 py-20 rounded-lg ">东西</div>
        )
    }

	
    render() {
        return (
            <div >
                <div>
                    {this.renderFilter()}
                </div>
                { this.headConfig() }
            </div>
        )
    }
}

export default toNative<{}, {}>(MonthEndView)